<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>已参加-俱乐部详情</title>
    <link rel="stylesheet" type="text/css" media="screen" href="{$staticHost}/static/css/base.css?v=14" />
    <link rel="stylesheet" type="text/css" media="screen" href="{$staticHost}/static/css/run.css?v=14" />
    <script src="{$staticHost}/static/js/iscroll.js"></script>
    <script src="{$staticHost}/static/js/jquery.min.js"></script>
    </head>
<body onload="loaded()">
  <div id="wrapper">
      <div id="scroller">
        <section class="club-sign">
          <img src="/static/images/bbs_channel_huodong.png"/>
          <p>
            俱乐部名称<br/>
            <span class="color-blue">第一轮竞赛招募</span>
          </p>
          <a id="set" class="">设置</a>
        </section>
        <nav class="gray-nav">
          <a class="on">主页</a>
          <a href="clubDetailNo">成员</a>
          <a href="clubDetailNo">资料</a>
        </nav>

        <div class="recruit line-gray-bottom">
          <img src="/static/images/icon/icon6.png"/>
          <p>俱乐部已招募20人，还可以招募10人</p>
          <a href="noticeList">更多</a>
        </div>
        <!-- 招募公告 -->
        <div class="recruit line-gray-bottom bg-blue">
          <img src="/static/images/icon/icon6.png"/>
          <p>
            太棒啦！俱乐部获得XX冠军<br/>
            获得XX年XX月的季末冠军总争霸赛直通卡
          </p>
          
        </div>
        <!-- 晋级决赛公告公告 -->
        <dl class="club-data pt10">
          <dt>本轮竞赛数据</dt>
          <dd class="data-all">
            <span class="color-blue">
              总跑量
              <b>23874km</b>
              排名20/300
            </span>
            <span>
              配速榜
              <b>347874km</b>
              排名20/300
            </span>
            <span>
              人气榜
              <b>3474km</b>
              排名20/300
            </span>
          </dd>
          <!-- 本轮竞赛数据 -->
          <dt class="p10">
            本赛季运动员数据
            <span>运动人数21/30人</span>
          </dt>
          <dd class="round-tab">
            <a id="run" class="on">累计跑量</a>
            <a id="pace">平均配速</a>
            <a id="moods">累计人气</a>
          </dd>
        
          <dd class="run" >
            <p class="p10">
              第一轮跑步人数
              <span class="fr color_gray">运动人数21/30人</span>
            </p>
            <ul class="data-show addup">
              <li>
                <span class="days"><b>7</b>天</span>
                <img src="/static/images/bbs_channel_huodong.png"/>
                <p>不中意鱼不吃</p>
                <span class="km color_dakgray bold">7we74km</span>
              </li>
            
            </ul>
          </dd>
          <!-- 累计跑量 -->

          <dd style="display:none;" class="pace">
            <p class="p10 ac f16">成员单次≥3km计入俱乐部配速榜</p>
            <ul class="data-show">
              <li>
                <span class="days bold ac">1</span>
                <img src="/static/images/bbs_channel_huodong.png"/>
                <p>不中意鱼不吃</p>
                <span class="km color_dakgray bold">6'34"/km</span>
              </li>
            </ul>
          </dd>
          <!-- 平均配速 -->
          <dd style="display:none ;" class="moods">
            <p class="p10 f12">
              成员累计人气(赞+正能量）<br/>
              成员单次获得30个赞才可以计入俱乐部人气榜哦！
            </p>
             <ul class="data-show add-moods" >
              <li>
                <span class="days ac">1</span>
                <img src="/static/images/bbs_channel_huodong.png"/>
                <p>不中意鱼不吃</p>
                <span class="km color_dakgray bold">3434242</span>
              </li>
            
            </ul>
          </dd>
          <!-- 累计人气 -->
        </dl>
        
    </div>
  </div>
  <div class="masklayer" style="display: none;" >
     <span class="set-bounced">
        <a>解散</a>
        <a href="removeMember">移除成员</a>
      </span>
  </div>
</body>
<script type="text/javascript">
   var myScroll;
  function loaded () {
    myScroll = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 100 });
  }
  $("#set").click(function(){
    $(".masklayer").show();
  })
   $("#run").click(function(){
    $(".pace,.moods").hide();
    $(".run").show();
    $("pace,moods").removeClass("on");
    $("#run").addClass("on");
  })
  $("#pace").click(function(){
    $(".run,.moods").hide();
    $(".pace").show();
    $(".round-tab a").removeClass("on");
    $("#pace").addClass("on");
  })
  $("#moods").click(function(){
    $("run,.pace").hide();
    $(".moods").show();
    $(".round-tab a").removeClass("on");
    $("#moods").addClass("on");
  })
  

</script>
{template 'show/web-footer'}
